Frontend Installation

Local Setup

Frontend Local Installation Process

Step 1:

• Open the folder first.

Step 2:

• Find the next.config.js file and open it in your preferred text editor. next.config.js example

Step 3:

• Create an .env file and add your essential API keys or others.

• In next.config.js file, link the .env file by adding the following code.

Step 4:

• Open your terminal or command prompt:
• For Mac and Linux users, use the terminal.
• For Windows users, open your terminal from the address bar and type cmd to launch the Command Prompt.
• In the command prompt, run the following command: yarn install and hit enter.

Step 5:

• After the installation is complete, build the project by running: yarn build and press enter.

Step 6:

• Once the build is successful, you should see a confirmation message.

Step 7:

• Finally, you can run the project locally by typing: yarn start and hitting enter.

success

Now your Frontend is running locally. You can access it via localhost:port.

Server/Aapanel Deployment

Frontend Server/CPanel Deployment Process

Step 1:

• Zip the out folder and upload it to your server.

!

Step 2:

• Go to your server panel or cPanel, select your Document Root, and right-click on your mouse.

Step 3:

• Now follow the backend installation process from Step 2 to Step 10.

warning

Note : In Step 7 of the backend installation process, in the domain name section, please confirm that it will be the root domain (Not a subdomain). For example, your_main_domain.com.

Step 4:

• After successfully completing all the processes, your website will go live. Visit your domain URL, for example, your_main_domain.com.